<template>
<view class="container">
	<block v-if="isload">
		<block v-if="sysset.showgzts">
			<view style="width:100%;height:88rpx"> </view>
			<view class="follow_topbar">
				<view class="headimg"><image :src="sysset.logo"/></view>
				<view class="info">
					<view class="i">欢迎进入 <text :style="{color:t('color1')}">{{sysset.name}}</text></view>
					<view class="i">关注公众号享更多专属服务</view>
				</view>
				<view class="sub" @tap="showsubqrcode" :style="{'background-color':t('color1')}">立即关注</view>
			</view>
			<uni-popup id="qrcodeDialog" ref="qrcodeDialog" type="dialog">
				<view class="qrcodebox">
					<image :src="sysset.qrcode" @tap="previewImage" :data-url="sysset.qrcode" class="img"/>
					<view class="txt">长按识别二维码关注</view>
					<view class="close" @tap="closesubqrcode">
						<image src="/static/img/close2.png" style="width:100%;height:100%"/>
					</view>
				</view>
			</uni-popup>
		</block>

		<view style="position:fixed;top:15vh;left:20rpx;z-index:9;background:rgba(0,0,0,0.6);border-radius:20rpx;color:#fff;padding:0 10rpx" v-if="bboglist.length>0">
			<swiper style="position:relative;height:54rpx;width:350rpx;" :autoplay="true" :interval="5000" :vertical="true">
				<swiper-item v-for="(item, index) in bboglist" :key="index" @tap="goto" :data-url="'/pages/shop/product?id=' + item.proid" class="flex-y-center">
					<image :src="item.headimg" style="width:40rpx;height:40rpx;border:1px solid rgba(255,255,255,0.7);border-radius:50%;margin-right:4px"/>
					<view style="width:300rpx;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:22rpx">{{item.nickname}} {{item.showtime}}购买了该商品</view>
				</swiper-item>
			</swiper>
		</view>

		<view class="toptabbar_tab" v-if="showtoptabbar==1 && toptabbar_show==1">
			<view class="item" :class="toptabbar_index==0?'on':''" :style="{color:toptabbar_index==0?t('color1'):'#333'}" @tap="changetoptab" data-index="0">商品<view class="after" :style="{background:t('color1')}"></view></view>
			<view class="item" :class="toptabbar_index==1?'on':''" :style="{color:toptabbar_index==1?t('color1'):'#333'}" @tap="changetoptab" data-index="1">评价<view class="after" :style="{background:t('color1')}"></view></view>
			<view class="item" :class="toptabbar_index==2?'on':''" :style="{color:toptabbar_index==2?t('color1'):'#333'}" @tap="changetoptab" data-index="2">详情<view class="after" :style="{background:t('color1')}"></view></view>
			<view class="item" v-if="tjdatalist.length > 0" :class="toptabbar_index==3?'on':''" :style="{color:toptabbar_index==3?t('color1'):'#333'}" @tap="changetoptab" data-index="3">推荐<view class="after" :style="{background:t('color1')}"></view></view>
		</view>

		<scroll-view @scroll="scroll" :scrollIntoView="scrollToViewId" :scrollTop="scrollTop" :scroll-y="true" style="height:100%;overflow:scroll">
		
		<view id="scroll_view_tab0">
			<!-- 定制：如果没有主图和视频，则商品头图不显示，页面整体上移 -->
			<block v-if="shopset.show_header_pic">
				<view class="swiper-container" v-if="isplay==0">
					<swiper class="swiper" :indicator-dots="false" :autoplay="true" :interval="5000" @change="swiperChange"   :current="current" :style="{ height: swiperHeight + 'px' }">
						<block v-for="(item, index) in product.pics" :key="index">
							<swiper-item class="swiper-item">
								<view class="swiper-item-view" :id="'content-wrap' + index">
									<image class="img" :src="item" mode="widthFix" @tap="previewImage" :data-urls="product.pics" :data-url="item" @load="loadImg"/></view>
							</swiper-item>
						</block>
					</swiper>
					<view class="imageCount" v-if="product.diypics" @tap="goto" :data-url="'/pagesExt/shop/diylight?id='+product.id" style="bottom: 92rpx; width: 140rpx;">自助试灯</view>
					<view class="imageCount">{{current+1}}/{{(product.pics).length}}</view>
					<view v-if="product.video" class="provideo" @tap="payvideo">
						<image src="/static/img/video.png"/><view class="txt">{{product.video_duration}}</view>
					</view>
				</view>
			</block>
			<view class="videobox" v-if="isplay==1">
				<video autoplay="true" class="video" id="video" :src="product.video"></video>
				<view class="parsevideo" @tap="parsevideo">退出播放</view>
			</view>
			
			<view class="cuxiaopoint cuxiaoitem" v-if="showtoptabbar==1 && couponlist.length>0" style="background:#fff;padding:0 16rpx">
				<view class="f1" @tap="showcuxiaodetail">
					<view v-for="(item, index) in couponlist" :key="index" class="t" :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}"><text class="t0" style="padding:0 6px">券</text><text class="t1">{{item.name}}</text></view>
				</view>
				<view class="f2" @tap="showcuxiaodetail">
					<image src="/static/img/arrow-point.png" mode="widthFix"/>
				</view>
			</view>

			<!-- 广告 -->
			<view style="background:#fff;width:100%;height:auto;padding:20rpx 20rpx 0" v-if="shopset.detail_guangao1">
				<image :src="shopset.detail_guangao1" style="width:100%;height:auto" mode="widthFix" v-if="shopset.detail_guangao1" @tap="showgg1Dialog"/>
			</view>
			<uni-popup id="gg1Dialog" ref="gg1Dialog" type="dialog" v-if="shopset.detail_guangao1 && shopset.detail_guangao1_t">
				<image :src="shopset.detail_guangao1_t" @tap="previewImage" :data-url="shopset.detail_guangao1_t" class="img" mode="widthFix" style="width:600rpx;height:auto;border-radius:10rpx;"/>
				<view class="ggdiaplog_close" @tap="closegg1Dialog">
					<image src="/static/img/close2.png" style="width:100%;height:100%"/>
				</view>
			</uni-popup>
			
			<view class="header">
				<block v-if="!custom.product_detail_special || (custom.product_detail_special && shopset.show_product_name)">
					<block v-if="product.price_type != 1 || product.min_price > 0">
						<view v-if="sysset.price_show_type=='0' || !sysset.price_show_type ">
							<!-- 定制的显示方式：字号 颜色等 -->
							<view v-if="custom.show_price">
								<view class="price_share custom_price" v-if="shopset.hide_cost==0 || shopset.hide_sellprice==0">
									<view>
										<view class="price price-row2" v-if="shopset.hide_cost==0" :style="{color:shopset.cost_color?shopset.cost_color:t('color1')}"><text :style="{color:shopset.cost_color?shopset.cost_color:t('color1')}"><text class="custom_price_tag">{{shopset.cost_name?shopset.cost_name:'成本价：￥'}}</text>{{product.cost_price}}</text></view>
										<view class="price price-row1" v-if="shopset.hide_sellprice==0">
											
											<view class="flex-s" v-if="sell_price" :style="{color:shopset.sellprice_color?shopset.sellprice_color:t('color1')}">
												<text class="custom_price_tag" >{{shopset.sellprice_name?shopset.sellprice_name:'￥'}}</text>{{sell_price}}</text>
											</view>
											<view class="flex-s" v-else :style="{color:shopset.sellprice_color?shopset.sellprice_color:t('color1')}">
												<text class="custom_price_tag" >{{shopset.sellprice_name?shopset.sellprice_name:'￥'}}</text>{{product.min_price}}<text v-if="product.max_price!=product.min_price">-{{product.max_price}}</text><text v-if="product.product_unit">/{{product.product_unit}}</text>
											</view>
											<view class="market_price" v-if="product.market_price*1 > product.sell_price*1">￥{{product.market_price}}<text v-if="product.max_price!=product.min_price">起</text></view>
										</view>
									</view>
									<block v-if="!custom.product_commission_desc">
										<view class="share" @tap="shareClick"><image class="img" src="/static/img/share.png"/><text class="txt">分享</text></view>
									</block>
								</view>
							</view>
							<!-- 系统默认显示方式 -->
							<view v-else>
								<view class="price_share">
									<view class="price">
										<view class="f1 flex-s" :style="{color:t('color1')}">
											<block v-if="showprice_dollar && product.usdmin_price !=0">
												<view style="margin-right:20rpx;"><text style="font-size:36rpx">$</text>{{product.usdmin_price}}<text v-if="product.usdmax_price!=product.usdmin_price">-{{product.usdmax_price}}</text></view>
												<view style="font-size: 40rpx;"><text style="font-size:32rpx">￥</text>{{product.min_price}}<text v-if="product.max_price!=product.min_price">-{{product.max_price}}</text></view>
											</block>
											<block v-else>
												<text style="font-size:36rpx">￥</text>{{product.min_price}}<text v-if="product.max_price!=product.min_price">-{{product.max_price}}</text>	<text v-if="product.product_unit">/{{product.product_unit}}</text>
											</block>
											<block v-if="show_money_price">
												<view class="moneyprice" :style="'color:'+t('color1')+';background:rgba('+t('color1rgb')+',0.2)'">{{t('余额')}}</view>	
											</block>
										</view>
										<view class="f2" v-if="product.market_price*1 > product.sell_price*1">￥{{product.market_price}}<text v-if="product.max_price!=product.min_price">起</text></view>
									</view>
									<view class="share" @tap="shareClick"><image class="img" src="/static/img/share.png"/><text class="txt">分享</text></view>
								</view>
							</view>
						</view>
						<view v-if="product.ictips" :style="'color:'+t('color1')+';line-height: 50rpx;'">{{product.ictips}}</view>
						<view v-if="sysset.price_show_type=='2' || sysset.price_show_type=='1'">
							<view v-if="product.is_vip=='1'">
								<view class="flex" v-if="product.lvprice == '1'">
									<view class="member flex" :style="'border-color:' + t('color1')">
										<view :style="{background:t('color1')}" class="member_lable flex-y-center">{{product.level_name}}</view>
										<view :style="'color:' + t('color1')" class="member_value">
											<text :style="product.lvprice == '1'?'font-size:36rpx':'font-size:26rpx'">￥</text>
											<text :style="product.lvprice == '1'?'font-size:50rpx':'font-size:26rpx'">{{product.sell_price}}</text>
										</view>
									</view>
								</view>
								<view class="price_share" style="height: auto;">
									<view class="price">
										<view class="f1 flex-s" :style="{color:t('color1')}">
											<block v-if="showprice_dollar &&usdmin_price">
												<view style="margin-right:20rpx;"><text style="font-size:30rpx" v-if="product.usdmin_price">$</text>{{product.usdmin_price}}<text v-if="product.usdmax_price!=product.usdmin_price">-{{product.usdmax_price}}</text></view>
												<view style="font-size: 44rpx;"><text style="font-size:22rpx">￥</text>{{product.min_price}}<text v-if="product.max_price!=product.min_price">-{{product.max_price}}</text></view>
											</block>
											<block v-else>
												<text>
													<text :style="product.lvprice == '1'?'font-size:26rpx':'font-size:36rpx'">￥</text>
													<text :style="product.lvprice == '1'?'font-size:26rpx':'font-size:50rpx'">{{product.min_price}}</text>
												</text>
											</block>
											<block v-if="show_money_price">
												<view class="moneyprice" :style="'color:'+t('color1')+';background:rgba('+t('color1rgb')+',0.2)'">{{t('余额')}}</view>	
											</block>
										</view>
										<!-- <view class="f2" v-if="product.market_price*1 > product.sell_price*1">￥{{product.market_price}}<text v-if="product.max_price!=product.min_price">起</text></view> -->
									</view>
									<view class="share" @tap="shareClick"><image class="img" src="/static/img/share.png"/><text class="txt">分享</text></view>
								</view>
							</view>
							<view v-if="product.is_vip=='0'">
								<view class="price_share">
									<view class="price">
										<view class="f1 flex-s" :style="{color:t('color1')}">
											<block v-if="showprice_dollar">
												<view style="margin-right:20rpx;"><text style="font-size:36rpx">$</text>{{product.usdmin_price}}<text v-if="product.usdmax_price!=product.usdmin_price">-{{product.usdmax_price}}</text></view>
												<view><text style="font-size:32rpx">￥</text><text style="font-size: 40rpx;">{{product.min_price}}</text><text v-if="product.max_price!=product.min_price">-{{product.max_price}}</text></view>
											</block>
											<block v-else>
												<text>
													<text style="font-size:36rpx">￥</text>
													<text style="font-size:50rpx">{{product.min_price}}</text>
												</text>
											</block>
											<block v-if="show_money_price">
												<view class="moneyprice" :style="'color:'+t('color1')+';background:rgba('+t('color1rgb')+',0.2)'">{{t('余额')}}</view>	
											</block>
										</view>
										<view class="f2" v-if="product.market_price*1 > product.sell_price*1">￥{{product.market_price}}<text v-if="product.max_price!=product.min_price">起</text></view>
									</view>
									<view class="share" @tap="shareClick"><image class="img" src="/static/img/share.png"/><text class="txt">分享</text></view>
								</view>
								<view class="flex" v-if="sysset.price_show_type=='2' &&  product.lvprice ==1 ">
									<view class="member flex" :style="'border-color:' + t('color1')">
										<view :style="{background:t('color1')}" class="member_lable flex-y-center">{{product.level_name}}</view>
										<view :style="'color:' + t('color1')" class="member_value">
											<text style="font-size:26rpx">￥</text>
											<text style="font-size:26rpx">{{product.vip_price}}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
						
						<view class="sales_stock" v-if="product.yuanbao" style="margin: 0;font-size: 26rpx;margin-bottom: 10rpx;">
							<view class="f2">元宝价：{{product.yuanbao}}</view>
						</view>
						<view class="title">{{product.name}}</view>
					</block>
					<block v-else>
						<view v-if="product.xunjia_text" class="price_share">
							<view class="price">
								<view class="f1" :style="{color:t('color1')}">
									<text style="font-size:36rpx">询价</text>
								</view>
							</view>
						</view>
						<view class="price_share">
							<view class="title">{{product.name}}</view>
							<view class="share" @tap="shareClick"><image class="img" src="/static/img/share.png"/><text class="txt">分享</text></view>
						</view>
					</block>
				</block>
				
				<view class="sellpoint" v-if="product.sellpoint">{{product.sellpoint}}</view>
				<view class="sales_stock" v-if="shopset.hide_sales != 1 || shopset.hide_stock != 1">
					<view class="f1" v-if="shopset.hide_sales != 1">销量：{{product.sales}} </view>
					<view class="f2" v-if="shopset.hide_stock != 1">库存：{{product.stock}}</view>
				</view>
					<block v-if="custom.product_commission_desc && shopset.commission_desc && shopset.showcommission==1">
						<view style="display: flex;">
							<view class="share" @tap="shareClick" style="display: flex; justify-content: center;align-items: center;   ">
								<image class="img" src="/static/img/share.png" style="width: 30rpx;" mode="widthFix"/><text style="margin:0 10rpx">分享</text></view>
								<view class="commission" :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}">	{{shopset.commission_desc}}</view>
						</view>
					</block>	
				 
					<block v-else>
						<view class="commission" :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}" v-if="shopset.showcommission==1 && (product.commission > 0 || product.commissionScore > 0) && showjiesheng==0">
								分享好友购买预计可得{{t('佣金')}}：
								<block v-if="product.commission > 0"><text style="font-weight:bold;padding:0 2px">{{product.commission}}</text>{{product.commission_desc}}</block>
								<block v-if="product.commission > 0 && product.commissionScore > 0">+</block>
								<block v-if="product.commissionScore > 0"><text style="font-weight:bold;padding:0 2px">{{product.commissionScore}}</text>{{product.commission_desc_score}}</block>
						</view>
				</block>	
				<view style="margin:20rpx 0;color:#333;font-size:22rpx" v-if="product.balance_price > 0">首付款金额：{{product.advance_price}}元，尾款金额：{{product.balance_price}}元</view>
				<view style="margin:20rpx 0;color:#666;font-size:22rpx" v-if="product.buyselect_commission > 0">下单被选奖励预计可得{{t('佣金')}}：<text style="font-weight:bold;padding:0 2px">{{product.buyselect_commission}}</text>元</view>

				<view class="upsavemoney" :style="{background:'linear-gradient(90deg, rgb(255, 180, 153) 0%, #ffcaa8 100%)',color:'#653a2b'}" v-if="product.upsavemoney > 0">
					<view class="flex1">升级到 {{product.nextlevelname}} 预计可节省<text style="font-weight:bold;padding:0 2px;color:#ca4312">{{product.upsavemoney}}</text>元</view>
					<view style="margin-left:20rpx;font-weight:bold;display:flex;align-items:center;color:#ca4312" @tap="goto" data-url="/pagesExt/my/levelup">立即升级<image src="/static/img/arrowright2.png" style="width:30rpx;height:30rpx"/></view>
				</view> 
			</view>
			
			<block v-if="custom.product_guige_showtype && shopset.show_guigetype==2">
				
				<buydialog-show  :proid="product.id" :btntype="btntype"  @changeGuige="changeGuige":menuindex="menuindex" @addcart="addcart" ></buydialog-show>
				
			</block>
			<block v-else>
				<block  v-if="!custom.product_detail_special || (custom.product_detail_special && shopset.show_guige)">
					<view class="choose" @tap="buydialogChange" data-btntype="2">
						<view class="f0">规格</view>
						<view class="f1 flex1">
							<block v-if="product.price_type == 1">查看规格</block>
							<block v-else>请选择商品规格及数量</block>
							</view>
						<image class="f2" src="/static/img/arrowright.png"/>
					</view>
				</block>
			</block>
			
			<view class="cuxiaodiv" v-if="product.givescore > 0">
				<view class="cuxiaopoint">
					<view class="f0">送{{t('积分')}}</view>
					<view class="f1" style="font-size:26rpx">购买可得{{t('积分')}}{{product.givescore}}个</view>
				</view>
			</view>

			<view class="cuxiaodiv" v-if="cuxiaolist.length>0 || couponlist.length>0 || fuwulist.length>0 || product.discount_tips!=''">
				<view class="fuwupoint cuxiaoitem" v-if="fuwulist.length>0">
					<view class="f0">服务</view>
					<view class="f1" @tap="showfuwudetail">
						<view class="t" v-for="(item, index) in fuwulist" :key="index">{{item.name}}</view>
					</view>
					<view class="f2" @tap="showfuwudetail">
						<image src="/static/img/arrow-point.png" mode="widthFix"/>
					</view>
				</view>
				<view class="cuxiaopoint cuxiaoitem" v-if="cuxiaolist.length>0">
					<view class="f0">促销</view>
					<view class="f1" @tap="showcuxiaodetail">
						<view v-for="(item, index) in cuxiaolist" :key="index" class="t" :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}"><text class="t0">{{item.tip}}</text><text class="t1">{{item.name}}</text></view>
					</view>
					<view class="f2" @tap="showcuxiaodetail">
						<image src="/static/img/arrow-point.png" mode="widthFix"/>
					</view>
				</view>
				<view class="cuxiaopoint cuxiaoitem" v-if="product.discount_tips!=''">
					<view class="f0">折扣</view>
					<view class="f1" style="padding-left:10rpx">{{product.discount_tips}}</view>
					<view class="f2" @tap="goto" data-url="/pagesExt/my/levelinfo">
						<image src="/static/img/arrow-point.png" mode="widthFix"/>
					</view>
				</view>
				<view class="cuxiaopoint cuxiaoitem" v-if="couponlist.length>0 && showtoptabbar==0">
					<view class="f0">优惠</view>
					<view class="f1" @tap="showcuxiaodetail">
						<view v-for="(item, index) in couponlist" :key="index" class="t" :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}"><text class="t0" style="padding:0 6px">券</text><text class="t1">{{item.name}}</text></view>
					</view>
					<view class="f2" @tap="showcuxiaodetail">
						<image src="/static/img/arrow-point.png" mode="widthFix"/>
					</view>
				</view>
			</view>
			<view v-if="showfuwudialog" class="popup__container">
				<view class="popup__overlay" @tap.stop="hidefuwudetail"></view>
				<view class="popup__modal">
						<view class="popup__title">
							<text class="popup__title-text">服务</text>
							<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx" @tap.stop="hidefuwudetail"/>
						</view>
						<view class="popup__content">
							<view v-for="(item, index) in fuwulist" :key="index" class="service-item">
								<view class="fuwudialog-content">
									<view class="f1">{{item.name}}</view>
									<text class="f2">{{item.desc}}</text>
								</view>
							</view>
						</view>
				</view>
			</view>
			<view v-if="showcuxiaodialog" class="popup__container">
				<view class="popup__overlay" @tap.stop="hidecuxiaodetail"></view>
				<view class="popup__modal">
						<view class="popup__title">
							<text class="popup__title-text">优惠促销</text>
							<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx" @tap.stop="hidecuxiaodetail"/>
						</view>
						<view class="popup__content">
							<view v-for="(item, index) in cuxiaolist" :key="index" class="service-item">
								<view class="suffix">
									<view class="type-name"><text style="border-radius:4px;border:1px solid #f05423;color: #ff550f;font-size:20rpx;padding:2px 5px">{{item.tip}}</text> <text style="color:#333;margin-left:20rpx">{{item.name}}</text></view>
								</view>
							</view>
							<couponlist :couponlist="couponlist" @getcoupon="getcoupon"></couponlist>
						</view>
				</view>
			</view>

			<view style="width:100%;height:auto;padding:20rpx 0 0" v-if="shopset.detail_guangao2">
				<image :src="shopset.detail_guangao2" style="width:100%;height:auto" mode="widthFix" v-if="shopset.detail_guangao2" @tap="showgg2Dialog"/>
			</view>
			<uni-popup id="gg2Dialog" ref="gg2Dialog" type="dialog" v-if="shopset.detail_guangao2 && shopset.detail_guangao2_t">
				<image :src="shopset.detail_guangao2_t" @tap="previewImage" :data-url="shopset.detail_guangao2_t" class="img" mode="widthFix" style="width:600rpx;height:auto;border-radius:10rpx;"/>
				<view class="ggdiaplog_close" @tap="closegg2Dialog">
					<image src="/static/img/close2.png" style="width:100%;height:100%"/>
				</view>
			</uni-popup>
		
		</view>

		<view id="scroll_view_tab1">

			<view class="commentbox" v-if="commentposition==0 && shopset.comment==1 && commentcount > 0">
				<view class="title">
					<view class="f1">评价({{commentcount}})</view>
					<view class="f2" @tap="goto" :data-url="'commentlist?proid=' + product.id">好评率 <text :style="{color:t('color1')}">{{product.comment_haopercent}}%</text><image style="width:32rpx;height:32rpx;" src="/static/img/arrowright.png"/></view>
				</view>
				<view class="comment">
					<view class="item" v-if="commentlist.length>0">
						<view class="f1">
							<image class="t1" :src="commentlist[0].headimg"/>
							<view class="t2">{{commentlist[0].nickname}}</view>
							<view class="flex1"></view>
							<view class="t3"><image class="img" v-for="(item2,index2) in [0,1,2,3,4]" :key="index2"  :src="'/static/img/star' + (commentlist[0].score>item2?'2':'') + '.png'"/></view>
						</view>
						<view class="f2">
							<text class="t1">{{commentlist[0].content}}</text>
							<view class="t2">
								<block v-if="commentlist[0].content_pic!=''">
									<block v-for="(itemp, index) in commentlist[0].content_pic" :key="index">
										<view @tap="previewImage" :data-url="itemp" :data-urls="commentlist[0].content_pic">
											<image :src="itemp" mode="widthFix"/>
										</view>
									</block>
								</block>
							</view>
						</view>
						<view class="f3" @tap="goto" :data-url="'commentlist?proid=' + product.id">查看全部评价</view>
					</view>
					<view v-else class="nocomment">暂无评价~</view>
				</view>
			</view>

		</view>

		<view id="scroll_view_tab2">
			
			<view class="shop" v-if="shopset.showjd==1 && business">
				<image :src="business.logo" class="p1"/>
				<view class="p2 flex1">
					<view class="t1">{{business.name}}</view>
					<view class="t2">{{business.desc}}</view>
				</view>
				<button class="p4" :style="{background:'linear-gradient(90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}" @tap="goto" :data-url="product.bid==0?'/pages/index/index':'/pagesExt/business/index?id='+product.bid" data-opentype="reLaunch">进入店铺</button>
			</view>
			<!-- 自提商品附近门店S -->
			<view v-if="showNearbyMendian && mendianids.length>0" class="nearby-mendian-box">
				<view class="nearby-mendian-title">
					<view class="t1">附近门店<text v-if="mendianids.length>1">（{{mendianids.length}}家）</text></view>
					<view class="t2" @tap="goto" :data-url="'/pagesExt/business/mendian?bid='+product.bid+'&proid='+product.id"><text>{{mendianids.length>1?'全部':'查看'}}门店</text><image src="../../static/img/arrowright.png"></image></view>
				</view>
				<view class="nearby-mendian-info">
					<view class="b1" @tap="goto" :data-url="'/pages/shop/mendian?id='+mendian.id"><image :src="mendian.pic"></image></view>
					<view class="b2">
						<view class="t1" @tap="goto" :data-url="'/pages/shop/mendian?id='+mendian.id">{{mendian.name}}</view>
						<view class="t2 flex-y-center">
							<block v-if="mendian.distance">
								<view :style="{background:'rgba('+t('color1rgb')+',0.1)',color:t('color1')}" class="nearby-tag">最近</view> 
								<view class="mendian-distance">{{mendian.distance}} </view>
							</block>
							<view class="mendian-address">{{mendian.address?mendian.address:mendian.area}}</view>
						</view>
					</view>
					<view class="b3">
						<view @tap="callMendian" :data-tel="mendian.tel"><image :src="pre_url+'/static/img/location/tel.png'"></image></view>
						<view @tap="toMendian" :data-address="mendian.address" :data-longitude="mendian.longitude" :data-latitude="mendian.latitude"><image :src="pre_url+'/static/img/location/daohang.png'"></image></view>
					</view>
				</view>
			</view>
			<!-- 自提商品附近门店E -->
			
			<block v-if="!isEmpty(product.paramdata)">
			<view class="detail_title"><view class="t1"></view><view class="t2"></view><view class="t0">商品参数</view><view class="t2"></view><view class="t1"></view></view>
			<view style="background:#fff;padding:20rpx 40rpx;" class="paraminfo">
				<view v-for="(item, index) in product.paramdata" class="paramitem">
					<view class="f1">{{index}}</view>
					<view class="f2">{{item}}</view>
				</view>
			</view>
			</block>
			<view v-if="shopset.prodetailtitle_type && shopset.prodetailtitle_type==1" class="detail_title"><view class="t1"></view><view class="t2"></view><view class="t0">{{shopset.prodetailtitle_value}}</view><view class="t2"></view><view class="t1"></view></view>
			<view v-else-if="shopset.prodetailtitle_type && shopset.prodetailtitle_type==2" class="detail_title"><image :src="shopset.prodetailtitle_value" mode="heightFix" style="height:60rpx"/></view>
			<view v-else-if="shopset.prodetailtitle_type && shopset.prodetailtitle_type==3"></view>
			<view v-else class="detail_title"><view class="t1"></view><view class="t2"></view>
			<view class="t0">商品描述</view><view class="t2"></view><view class="t1"></view></view>
			<view class="detail">
				<dp :pagecontent="pagecontent"></dp>
			</view>

		</view>
		<view class="commentbox" v-if="commentposition==1">
			<view class="title">
				<view class="f1">评价({{commentcount}}) <image v-if="shopset.product_comment==1" class="addcommentimg" @tap.stop="goto" :data-url="'/pagesA/shop/productComment?proid='+product.id" :src="pre_url+'/static/img/edit1.png'"></view>
				<view class="f2" @tap="goto" :data-url="'commentlist?proid=' + product.id">好评率 <text :style="{color:t('color1')}">{{product.comment_haopercent}}%</text><image style="width:32rpx;height:32rpx;" src="/static/img/arrowright.png"/></view>
			</view>
			<view class="comment">
				<view class="item" v-if="commentlist.length>0">
					<view class="f1">
						<image class="t1" :src="commentlist[0].headimg"/>
						<view class="t2">{{commentlist[0].nickname}}</view>
						<view class="flex1"></view>
						<view class="t3"><image class="img" v-for="(item2,index2) in [0,1,2,3,4]" :key="index2"  :src="'/static/img/star' + (commentlist[0].score>item2?'2':'') + '.png'"/></view>
					</view>
					<view class="f2">
						<text class="t1">{{commentlist[0].content}}</text>
						<view class="t2">
							<block v-if="commentlist[0].content_pic!=''">
								<block v-for="(itemp, index) in commentlist[0].content_pic" :key="index">
									<view @tap="previewImage" :data-url="itemp" :data-urls="commentlist[0].content_pic">
										<image :src="itemp" mode="widthFix"/>
									</view>
								</block>
							</block>
						</view>
					</view>
					<view class="f3" @tap="goto" :data-url="'commentlist?proid=' + product.id">查看全部评价</view>
				</view>
				<view v-else class="nocomment">暂无评价~</view>
			</view>
		</view>
		<view id="scroll_view_tab3">

			<view v-if="tjdatalist.length > 0">
				<view class="xihuan">
					<view class="xihuan-line"></view>
					<view class="xihuan-text">
						<image src="/static/img/xihuan.png" class="img"/>
						<text class="txt">为您推荐</text>
					</view>
					<view class="xihuan-line"></view>
				</view>
				<view class="prolist">
					<dp-product-item :data="tjdatalist" @addcart="addcart" :menuindex="menuindex"></dp-product-item>
				</view>
			</view>

		</view>

		<view style="width:100%;height:140rpx;"></view>

		</scroll-view>
		<block  v-if="!custom.product_detail_special || (custom.product_detail_special && shopset.show_option_group)">
		<view class="bottombar flex-row" :class="menuindex>-1?'tabbarbot':'notabbarbot'" v-if="product.status==1&&!showcuxiaodialog&&!showfuwudialog">
			<view class="f1 flex" v-if="shopdetail_menudataList">
				<block v-for="(item,index) in shopdetail_menudataList" v-if="item.isShow == 1">
					<block v-if='item.menuType == 1'>
						<block v-if="item.useSystem == 1">
							<view class="item" @tap="goto" :data-url="kfurl" v-if="kfurl!='contact::'">
								<image class="img"
									:src="item.iconPath ? item.iconPath:'/static/img/kefu.png'" />
								<view class="t1">{{item.text ? item.text:'客服'}}</view>
							</view>
							<button class="item" v-else open-type="contact">
								<image class="img"
									:src="item.iconPath ? item.iconPath:'/static/img/kefu.png'" />
								<view class="t1">{{item.text ? item.text:'客服'}}</view>
							</button>
						</block>
						<block v-else>
							<view class="item" @tap="addfavorite2(item)">
								<image class="img"
									:src="item.iconPath ? item.iconPath:'/static/img/kefu.png'" />
								<view class="t1">{{item.text ? item.text:'客服'}}</view>
							</view>
						</block>
					</block>
					<block v-if='item.menuType == 2'>
						<view class="item" @tap="addfavorite2(item)">
							<image class="img"
								:src="item.iconPath ? item.iconPath:'/static/img/gwc.png'" />
							<view class="t1">{{item.text ? item.text:'购物车'}}</view>
							<view class="cartnum" v-if="cartnum>0" :style="{background:'rgba('+t('color1rgb')+',0.8)'}">{{cartnum}}
							</view>
						</view>
					</block>
					<block v-if='item.menuType == 3'>
						<view class="item" @tap="addfavorite2(item)">
							<image class="img" :src="item.iconPath ? item.iconPath:'/static/img/shoucang.png'"	v-if='!isfavorite' />
							<image class="img" :src="item.selectedIconPath ? item.selectedIconPath:'/static/img/shoucang.png'"	v-else />
							<view class="t1" v-if='item.selectedtext && item.text'>{{isfavorite ? item.selectedtext:item.text}}</view>
							<view class="t1" v-else>{{isfavorite?'已收藏':'收藏'}}</view>
						</view>
					</block>
					<block v-if='item.menuType == 4'>
						<view class="item" @tap="addfavorite2(item)">
							<image class="img" :src="item.iconPath" />
							<view class="t1">{{item.text}}</view>
						</view>
					</block>
				</block>
			</view>
			<!-- 为空数据默认展示 -->
			<view class="f1" v-else>
				<view class="item" @tap="goto" :data-url="kfurl" v-if="kfurl!='contact::'">
					<image class="img" src="/static/img/kefu.png"/>
					<view class="t1">客服</view>
				</view>
				<button class="item" v-else open-type="contact">
					<image class="img" src="/static/img/kefu.png"/>
					<view class="t1">客服</view>
				</button>
				<block v-if="custom.shop_gwc_name">
					<view class="item flex1" @tap="goto" data-url="/pages/shop/cart" v-if="shopset.gwc_showst==1">
						<image class="img" src="/static/img/gwc.png"/>
						<view class="t1">{{shopset.gwc_name?shopset.gwc_name:'购物车'}}</view>
						<view class="cartnum" v-if="cartnum>0" :style="{background:'rgba('+t('color1rgb')+',0.8)'}">{{cartnum}}</view>
					</view>
				</block>
				<block v-else>
					<view class="item flex1" @tap="goto" data-url="/pages/shop/cart">
						<image class="img" src="/static/img/gwc.png"/>
						<view class="t1">购物车</view>
						<view class="cartnum" v-if="cartnum>0" :style="{background:'rgba('+t('color1rgb')+',0.8)'}">{{cartnum}}</view>
					</view>
				</block>
				<view class="item" @tap="addfavorite">
					<image class="img" src="/static/img/shoucang.png"/>
					<view class="t1">{{isfavorite?'已收藏':'收藏'}}</view>
				</view>
			</view>
			
			<view class="op2" v-if="showjiesheng==1">
				<view class="tocart2" :style="{background:t('color2')}" @tap="shareClick"><text>分享赚钱</text><text style="font-size:24rpx">赚￥{{product.commission}}</text></view>
					<block v-if="!product.buybtn_link_url">
							<view class="tobuy2" :style="{background:t('color1')}" @tap="buydialogChange" data-btntype="2">
									<text>{{product.buybtn_name?product.buybtn_name:"立即购买"}}</text>
									<text style="font-size:24rpx" v-if="product.jiesheng_money > 0">省￥{{product.jiesheng_money}}</text>
							</view>
					</block>
					<block v-else>
							<view class="tobuy2" :style="{background:t('color1')}" @tap="goto" :data-url="product.buybtn_link_url">
									<text>{{product.buybtn_name?product.buybtn_name:"立即购买"}}</text>
									<text style="font-size:24rpx" v-if="product.jiesheng_money > 0">省￥{{product.jiesheng_money}}</text>
							</view>
					</block>
			</view>
			<view class="op" v-else-if="is_member_auto_addlogin==1">
				<view class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="buydialogChange" data-btntype="3">
						{{product.buybtn_name?product.buybtn_name:"立即购买"}}
				</view>
			</view>
			<view class="op" v-else>
				<block v-if="product.price_type == 1">
					<view v-if="!custom.product_xunjia_btn" class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="showLinkChange" data-btntype="2">{{product.xunjia_text?product.xunjia_text:'联系TA'}}</view>
					<block v-if="custom.product_xunjia_btn && product.show_xunjia_btn=='1'">
						<view v-if="product.xunjia_btn_url" class="tobuy flex-x-center flex-y-center" :style="{background:product.xunjia_btn_bgcolor?product.xunjia_btn_bgcolor:t('color1'),color:product.xunjia_btn_color?product.xunjia_btn_color:'#FFF'}" @tap="goto" :data-url="product.xunjia_btn_url">{{product.xunjia_text?product.xunjia_text:'联系TA'}}</view>
						<view v-else class="tobuy flex-x-center flex-y-center" :style="{background:product.xunjia_btn_bgcolor?product.xunjia_btn_bgcolor:t('color1'),color:product.xunjia_btn_color?product.xunjia_btn_color:'#FFF'}" @tap="showLinkChange" data-btntype="2">{{product.xunjia_text?product.xunjia_text:'联系TA'}}</view>
					</block>
				</block>
				<block v-else>
					<block v-if="custom.product_guige_showtype==1 && shopset.show_guigetype==2">
						<view class="tocart flex-x-center flex-y-center" :style="{background:t('color2')}" @tap="addcart2" data-btntype="1" v-if="product.freighttype!=3 && product.freighttype!=4">加入{{shopset.gwc_name?shopset.gwc_name:"购物车"}}</view>
					</block>
					<block v-else>
						<block v-if="!product.addcart_link_url">
								<view class="tocart flex-x-center flex-y-center" :style="{background:t('color2')}" @tap="buydialogChange" data-btntype="1" v-if="product.freighttype!=3 && product.freighttype!=4">{{product.addcart_name?product.addcart_name:"加入购物车"}}</view>
						</block>
						<block v-else>
								<view class="tocart flex-x-center flex-y-center" :style="{background:t('color2')}" @tap="goto" :data-url="product.addcart_link_url" v-if="product.freighttype!=3 && product.freighttype!=4">{{product.addcart_name?product.addcart_name:"加入购物车"}}</view>
						</block>
					</block>	
					
					<view class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="buydialogChange" data-btntype="2" v-if=" product.shop_yuding &&  product.stock <= 0 && product.yuding_stock > 0 ">预定</view>
					<block v-else>
							<block v-if="custom.product_guige_showtype==1 && shopset.show_guigetype==2">
								<view class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="tobuy" >立即购买</view>
							</block>	
							<block v-else>	
								<block v-if="!product.buybtn_link_url">
										<view class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="buydialogChange" data-btntype="2">
												{{product.buybtn_name?product.buybtn_name:"立即购买"}}
										</view>
								</block>
								<block v-else>
										<view class="tobuy flex-x-center flex-y-center" :style="{background:t('color1')}" @tap="goto" :data-url="product.buybtn_link_url">
												{{product.buybtn_name?product.buybtn_name:"立即购买"}}
										</view>
								</block>
							</block>
					</block>
				</block>
			</view>
		</view>
		</block>
		<block v-if="product.product_type == 4">
			<block v-if="JSON.parse(product.guigedata).length == 2">
				<buydialog-pifa v-if="buydialogShow" :proid="product.id" :btntype="btntype" @buydialogChange="buydialogChange" @showLinkChange="showLinkChange" :menuindex="menuindex" @addcart="addcart" />
			</block>
			<block v-else>
				<buydialog-pifa2 v-if="buydialogShow" :proid="product.id" :btntype="btntype" @buydialogChange="buydialogChange" @showLinkChange="showLinkChange" :menuindex="menuindex" @addcart="addcart" />
			</block>
		</block>
		<block v-else>
			<buydialog v-if="buydialogShow" :proid="product.id" :btntype="btntype" @buydialogChange="buydialogChange" @showLinkChange="showLinkChange" :menuindex="menuindex" @addcart="addcart"></buydialog>
		</block>
		<view class="scrolltop" v-show="scrolltopshow" @tap="changetoptab" data-index="0"><image class="image" src="/static/img/gotop.png"/></view>

		<view v-if="sharetypevisible" class="popup__container">
			<view class="popup__overlay" @tap.stop="handleClickMask"></view>
			<view class="popup__modal" style="height:320rpx;min-height:320rpx">
				<!-- <view class="popup__title">
					<text class="popup__title-text">请选择分享方式</text>
					<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx" @tap.stop="hidePstimeDialog"/>
				</view> -->
				<view class="popup__content">
					<view class="sharetypecontent">
						<view class="f1" @tap="shareapp" v-if="getplatform() == 'app'">
							<image class="img" :src="pre_url+'/static/img/sharefriends.png'"/>
							<text class="t1">分享给好友</text>
						</view>
						<view class="f1" @tap="sharemp" v-else-if="getplatform() == 'mp'">
							<image class="img" :src="pre_url+'/static/img/sharefriends.png'"/>
							<text class="t1">分享给好友</text>
						</view>
					<!-- 	<view class="f1" @tap="sharemp" v-else-if="getplatform() == 'h5'">
							<image class="img" :src="pre_url+'/static/img/sharefriends.png'"/>
							<text class="t1">分享给好友</text>
						</view> -->
						<button class="f1" open-type="share" v-else-if="getplatform() != 'h5'">
							<image class="img" :src="pre_url+'/static/img/sharefriends.png'"/>
							<text class="t1">分享给好友1</text>
						</button>
						<view class="f2" @tap="showPoster">
							<image class="img" src="/static/img/sharepic.png"/>
							<text class="t1">生成分享图片</text>
						</view>
						
						<view class="f1" @tap="shareScheme" v-if="getplatform() == 'wx' && xcx_scheme">
							<image class="img" src="/static/img/weixin.png"/>
							<text class="t1">小程序链接</text>
						</view>
						
					</view>
				</view>
			</view>
		</view>
		<view class="posterDialog" v-if="showposter">
			<view class="main">
				<view class="close" @tap="posterDialogClose"><image class="img" src="/static/img/close.png"/></view>
				<view class="content">
					<image class="img" :src="posterpic" mode="widthFix" @tap="previewImage" :data-url="posterpic"></image>
				</view>
			</view>
		</view>
		
		<view class="posterDialog schemeDialog" v-if="showScheme">
			<view class="main">
				<view class="close" @tap="schemeDialogClose"><image class="img" src="/static/img/close.png"/></view>
				<view class="schemecon">
					<view style="line-height: 60rpx;">{{product.name}} </view>
					<view >购买链接：<text style="color: #00A0E9;">{{schemeurl}}</text></view>
					<view class="copybtn" :style="{background:'linear-gradient(90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}"  @tap.stop="copy" :data-text="product.name+'购买链接：'+schemeurl"> 一键复制 </view>
				</view>
			</view>
		</view>
		
		<view class="posterDialog linkDialog" v-if="showLinkStatus">
			<view class="main">
				<view class="close" @tap="showLinkChange"><image class="img" src="/static/img/close.png"/></view>
				<view class="content">
					<view class="title">{{sysset.name}}</view>
					<view class="row" v-if="product.bid > 0">
						<view class="f1" style="width: 150rpx;">店铺名称</view>
						<view class="f2 flex-y-center flex-x-bottom" style="font-size: 28rpx;width: 100%;max-width: 470rpx;display: flex;" @tap="goto" :data-url="'/pagesExt/business/index?id='+product.bid">
              <view style="width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{business.name}}</view>
              <view style="flex: 1;"></view>
							<image src="/static/img/arrowright.png" class="image"/>
						</view>
					</view>
					<view class="row" v-if="business.tel">
						<view class="f1" style="width: 150rpx;">联系电话</view>
						<view class="f2 flex-y-center flex-x-bottom" style="width: 100%;max-width: 470rpx;" @tap="goto" :data-url="'tel::'+business.tel" :style="{color:t('color1')}">
              {{business.tel}}
              <image src="../../static/img/copy.png" class="copyicon" @tap.stop="copy" :data-text="business.tel"></image>
            </view>
					</view>
				</view>
			</view>
		</view>
	</block>
	<loading v-if="loading"></loading>
	<dp-tabbar :opt="opt" @getmenuindex="getmenuindex"></dp-tabbar>
	<popmsg ref="popmsg"></popmsg>
	<wxxieyi></wxxieyi>
</view>
</template>

<script>
var app = getApp();
var interval = null;

export default {
	data() {
		return {
			opt:{},
			loading:false,
      isload: false,
			menuindex:-1,
			pre_url: app.globalData.pre_url,
			textset:{},
			isload:false,
			buydialogShow: false,
			btntype:1,
			isfavorite: false,
			current: 0,
			isplay: 0,
			showcuxiaodialog: false,
			showfuwudialog:false,
			business: "",
			product: [],
			cartnum: "",
			commentlist: "",
			commentcount: "",
			cuxiaolist: "",
			couponlist: "",
			fuwulist: [],
			pagecontent: "",
			shopset: {},
			sysset:{},
			custom:{},
			title: "",
			bboglist: "",
			sharepic: "",
			sharetypevisible: false,
			showposter: false,
			posterpic: "",
			scrolltopshow: false,
			kfurl:'',
			showLinkStatus:false,
			showjiesheng:0,
			is_member_auto_addlogin:0,
			tjdatalist:[],
			showtoptabbar:0,
			toptabbar_show:0,
			toptabbar_index:0,
      scrollToViewId: "",
			scrollTop:0,
			scrolltab0Height:0,
			scrolltab1Height:0,
			scrolltab2Height:0,
			scrolltab3Height:0,
			xcx_scheme:false,
			showScheme:false,
			schemeurl:'',
			showprice_dollar:false,
			show_money_price:false,
			//自提商品门店显示
			showNearbyMendian:false,
			longitude: '',
			latitude: '',
			mendianids:[],
			mendian:{},
			mendian_id:0,
			//自提商品门店显示
			commentposition:0,//评论显示位置
			swiperHeight: '',
			sell_price:0,
			isloadAd:0,
			shopdetail_menudataList:[],
		};
	},
  onLoad: function (opt) {
		this.opt = app.getopts(opt);
		this.mendian_id = app.getCache('user_selected_mendianid')
    if(this.opt.sharetypevisible){
      this.sharetypevisible = true;
    }
		this.getdata();
  },
	onShow:function(e){
		if(this.product.product_type==1){
			uni.$emit('getglassrecord');
		}
	},
	onPullDownRefresh: function () {
		this.getdata();
	},
	onShareAppMessage:function(){
		return this._sharewx({title:this.product.sharetitle || this.product.name,pic:this.product.sharepic || this.product.pic});
	},
	onShareTimeline:function(){
		var sharewxdata = this._sharewx({title:this.product.sharetitle || this.product.name,pic:this.product.sharepic || this.product.pic});
		var query = (sharewxdata.path).split('?')[1]+'&seetype=circle';
		return {
			title: sharewxdata.title,
			imageUrl: sharewxdata.imageUrl,
			query: query
		}
	},
	onUnload: function () {
		clearInterval(interval);
	},

	methods: {
		showLinkChange: function () {
			this.showLinkStatus = !this.showLinkStatus;
		},
		getdata:function(){
			var that = this;
			var id = this.opt.id || 0;
			that.loading = true;
			app.get('ApiShop/product', {id: id,longitude:that.longitude,latitude:that.latitude,mendian_id:that.mendian_id}, function (res) {
				that.loading = false;
				if (res.status == 0) {
					app.alert(res.msg);
					return;
				}
				that.textset = app.globalData.textset;
				var product = res.product;
				var pagecontent = JSON.parse(product.detail);
				if(res.shopdetail_menudata){
					that.shopdetail_menudataList = res.shopdetail_menudata.list;
				}else{
					that.shopdetail_menudataList = false;
				}
				that.business = res.business;
				that.product = product;
				that.cartnum = res.cartnum;
				that.commentlist = res.commentlist;
				that.commentcount = res.commentcount;
				that.cuxiaolist = res.cuxiaolist;
				that.couponlist = res.couponlist;
				that.fuwulist = res.fuwulist;
				that.pagecontent = pagecontent;
				that.shopset = res.shopset;
				that.custom = res.custom;
				that.sysset = res.sysset;
				that.title = product.name;
				that.isfavorite = res.isfavorite;
				that.showjiesheng = res.showjiesheng || 0;
				that.is_member_auto_addlogin = res.is_member_auto_addlogin || 0;
				that.tjdatalist = res.tjdatalist || [];
				that.showtoptabbar = res.showtoptabbar || 0;
				that.bboglist = res.bboglist;
				that.sharepic = product.pics[0];
				that.xcx_scheme = res.xcx_scheme
				that.showprice_dollar = res.showprice_dollar
				that.show_money_price = res.show_money_price;
				that.commentposition = res.commentposition;
				uni.setNavigationBarTitle({
					title: product.name
				});
				if(that.product.can_ziti){
					that.showNearbyMendian = true;
					if(res.bindmendianids.length>0){
						that.mendian = res.mendian
						that.mendianids = res.bindmendianids
					}
				}
				
				that.kfurl = '/pages/kefu/index?bid='+product.bid;
				if(app.globalData.initdata.kfurl != ''){
					that.kfurl = app.globalData.initdata.kfurl;
				}
				if(that.business && that.business.kfurl){
					that.kfurl = that.business.kfurl;
				}
				if(that.product.product_type==1){
					//初始化时清空档案
					app.setCache('_glass_record_id','');
				}

				if(app.globalData.platform == 'wx' && that.product.rewardedvideoad && wx.createRewardedVideoAd){
					if(that.isloadAd == 0){
						that.isloadAd = 1;
						app.showLoading();
						if(!app.globalData.rewardedVideoAd[that.product.rewardedvideoad]){
							app.globalData.rewardedVideoAd[that.product.rewardedvideoad] = wx.createRewardedVideoAd({ adUnitId: that.product.rewardedvideoad});
						}
						var rewardedVideoAd = app.globalData.rewardedVideoAd[that.product.rewardedvideoad];
						rewardedVideoAd.load().then(() => {app.showLoading(false);rewardedVideoAd.show();}).catch(err => { app.alert('加载失败');});
						rewardedVideoAd.onError((err) => {
							app.showLoading(false);
							//app.alert(err.errMsg);
							//console.log('onError event emit', err)
							rewardedVideoAd.offLoad()
							rewardedVideoAd.offClose();
							that.loaded({title:product.sharetitle || product.name,pic:product.sharepic || product.pic,desc:product.sharedesc || product.sellpoint});
						});
						rewardedVideoAd.onClose(res => {
							app.globalData.rewardedVideoAd[that.product.rewardedvideoad] = null;
							if (res && res.isEnded) {
								//app.alert('播放结束 发放奖励');
								that.loaded({title:product.sharetitle || product.name,pic:product.sharepic || product.pic,desc:product.sharedesc || product.sellpoint});
							} else {
								//console.log('播放中途退出，不发奖励');
								//that.loaded({title:product.sharetitle || product.name,pic:product.sharepic || product.pic,desc:product.sharedesc || product.sellpoint});
							}
							rewardedVideoAd.offLoad()
							rewardedVideoAd.offClose();
						});
					}
				}else{
					that.loaded({title:product.sharetitle || product.name,pic:product.sharepic || product.pic,desc:product.sharedesc || product.sellpoint});
				}
				
				//未登录的静默注册
				if(res.need_login==1){
					// #ifdef MP-ALIPAY
					that.alilogin();
					// #endif
					// #ifdef MP-WEIXIN
					that.wxlogin();
					// #endif
					
					that.autoaddlogin();
					
				}
				
				//需要定位
				if(res.needlocation){
						app.getLocation(function(res) {
							that.latitude = res.latitude;
							that.longitude = res.longitude;
							that.getdata()
						},function(error){
							//console.log(error)
						})
				}
				setTimeout(function(){
					let view0 = uni.createSelectorQuery().in(that).select('#scroll_view_tab0')
					view0.fields({
						size: true,//是否返回节点尺寸（width height）
						rect: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
						scrollOffset: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
					}, (res) => {
						if(res)
						that.scrolltab0Height = res.height
					}).exec();
					let view1 = uni.createSelectorQuery().in(that).select('#scroll_view_tab1')
					view1.fields({
						size: true,//是否返回节点尺寸（width height）
						rect: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
						scrollOffset: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
					}, (res) => {
						if(res)
						that.scrolltab1Height = res.height
					}).exec();
					let view2 = uni.createSelectorQuery().in(that).select('#scroll_view_tab2')
					view2.fields({
						size: true,//是否返回节点尺寸（width height）
						rect: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
						scrollOffset: false,//是否返回节点的 scrollLeft scrollTop，节点必须是 scroll-view 或者 viewport
					}, (res) => {
						if(res)
						that.scrolltab2Height = res.height
					}).exec();
				},500)

			});
		},
	  loadImg() {
			this.getCurrentSwiperHeight('.img');
		},
		swiperChange: function (e) {
			var that = this;
			that.current = e.detail.current
			
			//动态设置swiper的高度，使用nextTick延时设置
			this.$nextTick(() => {
			  this.getCurrentSwiperHeight('.img');
			});
		},
		// 动态获取内容高度
	  getCurrentSwiperHeight(element) {
	      let query = uni.createSelectorQuery().in(this);
	      query.selectAll(element).boundingClientRect();
				var imgList = this.product.pics;
	      query.exec((res) => {
	        // 切换到其他页面swiper的change事件仍会触发，这时获取的高度会是0，会导致回到使用swiper组件的页面不显示了
	        if (imgList.length && res[0][this.current].height) {
	          this.swiperHeight = res[0][this.current].height;
	        }
	      });	
		},
		payvideo: function () {
			this.isplay = 1;
			uni.createVideoContext('video').play();
		},
		parsevideo: function () {
			this.isplay = 0;
			uni.createVideoContext('video').stop();
		},
		buydialogChange: function (e) {
			if(!this.buydialogShow){
				this.btntype = e.currentTarget.dataset.btntype
			}
			this.buydialogShow = !this.buydialogShow;
		},
		//收藏操作
		addfavorite: function (item) {
			var that = this;
			var proid = that.product.id;
			app.post('ApiShop/addfavorite', {proid: proid,type: 'shop'}, function (data) {
				if (data.status == 1) {
					that.isfavorite = !that.isfavorite;
				}
				app.success(data.msg);
			});
		},
		//收藏操作
		addfavorite2: function (item) {
			var that = this;
			if(item.pagePath == 'addfavorite::'){
				var proid = that.product.id;
				app.post('ApiShop/addfavorite', {proid: proid,type: 'shop'}, function (data) {
					if (data.status == 1) {
						that.isfavorite = !that.isfavorite;
					}
					app.success(data.msg);
				});
			}else{
				let url = '';
				if(item.menuType == 2) {
					if(item.pagePath){url = item.pagePath}else{url = '/pages/shop/cart'}
				}
				if(item.menuType == 1) {
					if(item.pagePath){url = item.pagePath}else{url = 'pages/kefu/index'}
				}
				if(item.menuType == 3 || item.menuType == 4){
					url = item.pagePath
				}
				if(url.split('?')[1] && (url.split('?')[1].split('=')[0] == 'bid')){
					app.goto(url)
				}else{
					app.goto(url + '?bid=' + that.product.bid)
				}
			}
		},
		shareClick: function () {
			this.sharetypevisible = true;
		},
		handleClickMask: function () {
			this.sharetypevisible = false
		},
		showPoster: function () {
			var that = this;
			that.showposter = true;
			that.sharetypevisible = false;
			app.showLoading('生成海报中');
			app.post('ApiShop/getposter', {proid: that.product.id}, function (data) {
				app.showLoading(false);
				if (data.status == 0) {
					app.alert(data.msg);
				} else {
					that.posterpic = data.poster;
				}
			});
		},
		
		shareScheme: function () {
			var that = this;
			app.showLoading();
			app.post('ApiShop/getwxScheme', {proid: that.product.id}, function (data) {
				app.showLoading(false);
				if (data.status == 0) {
					app.alert(data.msg);
				} else {
						that.showScheme = true;
						that.schemeurl=data.openlink
				}
			});
		},
		
		schemeDialogClose: function () {
			this.showScheme = false;
		},
		
		posterDialogClose: function () {
			this.showposter = false;
		},
		showfuwudetail: function () {
			this.showfuwudialog = true;
		},
		hidefuwudetail: function () {
			this.showfuwudialog = false
		},
		showcuxiaodetail: function () {
			this.showcuxiaodialog = true;
		},
		hidecuxiaodetail: function () {
			this.showcuxiaodialog = false
		},
		getcoupon:function(){
			this.showcuxiaodialog = false;
			this.getdata();
		},
		onPageScroll: function (e) {
			//var that = this;
			//var scrollY = e.scrollTop;     
			//if (scrollY > 200) {
			//	that.scrolltopshow = true;
			//}
			//if(scrollY < 150) {
			//	that.scrolltopshow = false
			//}
			//if (scrollY > 100) {
			//	that.toptabbar_show = true;
			//}
			//if(scrollY < 50) {
			//	that.toptabbar_show = false
			//}
		},
		changetoptab:function(e){
			var index = e.currentTarget.dataset.index;
			this.scrollToViewId = 'scroll_view_tab'+index;
			this.toptabbar_index = index;
			if(index == 0) this.scrollTop = 0;
			//console.log(index);
		},
		scroll:function(e){
			var scrollTop = e.detail.scrollTop;
			//console.log(e)
			var that = this;
			if (scrollTop > 200) {
				that.scrolltopshow = true;
			}
			if(scrollTop < 150) {
				that.scrolltopshow = false
			}
			if (scrollTop > 100) {
				that.toptabbar_show = true;
			}
			if(scrollTop < 50) {
				that.toptabbar_show = false
			}
			var height0 = that.scrolltab0Height;
			var height1 = that.scrolltab0Height + that.scrolltab1Height;
			var height2 = that.scrolltab0Height + that.scrolltab1Height + that.scrolltab2Height;
			//var height3 = that.scrolltab0Height + that.scrolltab1Height + that.scrolltab2Height + that.scrolltab3Height;
			if(scrollTop >=0 && scrollTop < height0){
				//this.scrollToViewId = 'scroll_view_tab0';
				this.toptabbar_index = 0;
			}else if(scrollTop >= height0 && scrollTop < height1){
				//this.scrollToViewId = 'scroll_view_tab1';
				this.toptabbar_index = 1;
			}else if(scrollTop >= height1 && scrollTop < height2){
				//this.scrollToViewId = 'scroll_view_tab2';
				this.toptabbar_index = 2;
			}else if(scrollTop >= height2){
				//this.scrollToViewId = 'scroll_view_tab3';
				this.toptabbar_index = 3;
			}
		},
		sharemp:function(){
			app.error('点击右上角发送给好友或分享到朋友圈');
			this.sharetypevisible = false
		},
		shareapp:function(){
			var that = this;
			that.sharetypevisible = false;
			uni.showActionSheet({
        itemList: ['发送给微信好友', '分享到微信朋友圈'],
        success: function (res){
					if(res.tapIndex >= 0){
						var scene = 'WXSceneSession';
						if (res.tapIndex == 1) {
							scene = 'WXSenceTimeline';
						}
						var sharedata = {};
						sharedata.provider = 'weixin';
						sharedata.type = 0;
						sharedata.scene = scene;
						sharedata.title = that.product.sharetitle || that.product.name;
						sharedata.summary = that.product.sharedesc || that.product.sellpoint;
						sharedata.href = app.globalData.pre_url +'/h5/'+app.globalData.aid+'.html#/pages/shop/product?scene=id_'+that.product.id+'-pid_' + app.globalData.mid;
						sharedata.imageUrl = that.product.pic;
						var sharelist = app.globalData.initdata.sharelist;
						if(sharelist){
							for(var i=0;i<sharelist.length;i++){
								if(sharelist[i]['indexurl'] == '/pages/shop/product'){
									sharedata.title = sharelist[i].title;
									sharedata.summary = sharelist[i].desc;
									sharedata.imageUrl = sharelist[i].pic;
									if(sharelist[i].url){
										var sharelink = sharelist[i].url;
										if(sharelink.indexOf('/') === 0){
											sharelink = app.globalData.pre_url +'/h5/'+app.globalData.aid+'.html#'+ sharelink;
										}
										if(app.globalData.mid>0){
											 sharelink += (sharelink.indexOf('?') === -1 ? '?' : '&') + 'pid='+app.globalData.mid;
										}
										sharedata.href = sharelink;
									}
								}
							}
						}
						console.log(sharedata);
						uni.share(sharedata);
					}
        }
      });
		},
		callMendian:function(e){
			var tel = e.currentTarget.dataset.tel;
			uni.makePhoneCall({
				phoneNumber: tel,
				fail: function () {
				}
			});
		},
		toMendian:function(e){
			var latitude = parseFloat(e.currentTarget.dataset.latitude);
			var longitude = parseFloat(e.currentTarget.dataset.longitude);
			var address = e.currentTarget.dataset.address;
			if(!latitude || !longitude){
				return;
			}
			uni.openLocation({
			 latitude:latitude,
			 longitude:longitude,
			 name:address,
			 scale: 13
			})
		},
		changeGuige:function(e){
			 var that=this
			 this.gwcnum = e.num
			 this.ggid = e.ggid
			 this.stock = e.stock
			 this.sell_price= e.sell_price
		},
		//加入购物车操作
		addcart2: function () {
			var that = this;
			var num = that.gwcnum;
			var proid = that.product.id;
			var ggid = that.ggid
			var stock = that.stock;
			if (num < 1) num = 1;
			if (stock < num) {
				app.error('库存不足');
				return;
			}				
			app.post('ApiShop/addcart', {proid: proid,ggid: ggid,num: num}, function (res) {
				that.cartnum = that.cartnum + num;
				if (res.status == 1) {
					app.success('添加成功');
				} else {
					app.error(res.msg);
				}
			});
		},
		tobuy: function (e) {
			var that = this;
			var proid = that.product.id;
			var ggid = that.ggid;
			var stock = that.stock;
			var num = that.gwcnum;
			if (num < 1) num = 1;
			if ((stock < num && !that.product.shop_yuding) || (that.product.shop_yuding && stock < num && that.product.yuding_stock < num) ) {
				app.error('库存不足');
				return;
			}
			var prodata = proid + ',' + ggid + ',' + num;
			app.goto('/pages/shop/buy?prodata=' + prodata);
		},
		showsubqrcode:function(){
			this.$refs.qrcodeDialog.open();
		},
		closesubqrcode:function(){
			this.$refs.qrcodeDialog.close();
		},
		addcart:function(e){
			//console.log(e)
			this.cartnum = this.cartnum + e.num;
		},
		showgg1Dialog:function(){
			this.$refs.gg1Dialog.open();
		},
		closegg1Dialog:function(){
			this.$refs.gg1Dialog.close();
		},
		showgg2Dialog:function(){
			this.$refs.gg2Dialog.open();
		},
		closegg2Dialog:function(){
			this.$refs.gg2Dialog.close();
		},
		autoaddlogin: function (){
				var that = this;
				app.post('ApiIndex/autoaddlogin',{ },function(res2){
					if (res2.status == 1) {
						//app.success(res2.msg);
						//that.getdata();
					} else {
						app.error(res2.msg);
					}
					return;
				})
			},
		wxlogin: function (){
				var that = this;
				wx.login({success (res1){
					//console.log(res1);
					var code = res1.code;
					//用户允许授权
					app.post('ApiIndex/wxbaselogin',{ code:code,pid: app.globalData.pid,},function(res2){
						if (res2.status == 1) {
							//app.success(res2.msg);
							//that.getdata();
						} else {
							app.error(res2.msg);
						}
						return;
					})
			  }});
			},
			alilogin:function(){
		// #ifdef MP-ALIPAY
				var that = this;
				var ali_appid = that.ali_appid;
		
				if(ali_appid){
					my.getAuthCode ({
						appId :  ali_appid ,
						scopes : ['auth_base'],
					},function(res){
						//var res = JSON.stringify(res);
						if(!res.error && res.authCode){
						  app.post('ApiIndex/alipaylogin', {
							code: res.authCode,
							pid: app.globalData.pid,
							silent:1
							//platform:"h5"
						  }, function(res2) {
		
							if (res2.status!= 0) {
							  app.success(res2.msg);
							  //that.getdata();
							}  else {
							  app.error(res2.msg);
							}
						  });
						}else{
						  app.showLoading(false);
		
						  if(res.errorMessage){
							app.alert(res.errorMessage);
						  }else if(res.errorDesc){
							app.alert(res.errorDesc);
						  }else{
							app.alert('授权出错');
						  }
						  return
						}
					});
				}else{
				  app.alert('系统未配置支付宝参数');
				  return
				}
		// #endif
			},

	}

};
</script>
<style scoped>
page {position: relative;width: 100%;height: 100%;}
.container{height:100%}

.follow_topbar {height:88rpx; width:100%;max-width:640px; background:rgba(0,0,0,0.8); position:fixed; top:0; z-index:13;}
.follow_topbar .headimg {height:64rpx; width:64rpx; margin:6px; float:left;}
.follow_topbar .headimg image {height:64rpx; width:64rpx;}
.follow_topbar .info {height:56rpx; padding:16rpx 0;}
.follow_topbar .info .i {height:28rpx; line-height:28rpx; color:#ccc; font-size:24rpx;} 
.follow_topbar .info {height:80rpx; float:left;}
.follow_topbar .sub {height:48rpx; width:auto; background:#FC4343; padding:0 20rpx; margin:20rpx 16rpx 20rpx 0; float:right; font-size:24rpx; color:#fff; line-height:52rpx; border-radius:6rpx;}
.qrcodebox{background:#fff;padding:50rpx;position:relative;border-radius:20rpx}
.qrcodebox .img{width:400rpx;height:400rpx}
.qrcodebox .txt{color:#666;margin-top:20rpx;font-size:26rpx;text-align:center}
.qrcodebox .close{width:50rpx;height:50rpx;position:absolute;bottom:-100rpx;left:50%;margin-left:-25rpx;border:1px solid rgba(255,255,255,0.5);border-radius:50%;padding:8rpx}

.swiper-container{position:relative;overflow: hidden;}
.swiper {width: 100%;height: 750rpx;overflow: hidden;}
.swiper-item-view{width: 100%;height: 750rpx;}
.swiper .img {width: 100%;height: 750rpx;overflow: hidden;}

.imageCount {width:100rpx;height:50rpx;background-color: rgba(0, 0, 0, 0.3);border-radius:40rpx;line-height:50rpx;color:#fff;text-align:center;font-size:26rpx;position:absolute;right:13px;bottom:20rpx;}

.provideo{background:rgba(255,255,255,0.7);width:160rpx;height:54rpx;padding:0 20rpx 0 4rpx;border-radius:27rpx;position:absolute;bottom:30rpx;left:50%;margin-left:-80rpx;display:flex;align-items:center;justify-content:space-between}
.provideo image{width:50rpx;height:50rpx;}
.provideo .txt{flex:1;text-align:center;padding-left:10rpx;font-size:24rpx;color:#333}

.videobox{width:100%;height:750rpx;text-align:center;background:#000}
.videobox .video{width:100%;height:650rpx;}
.videobox .parsevideo{margin:0 auto;margin-top:20rpx;height:40rpx;line-height:40rpx;color:#333;background:#ccc;width:140rpx;border-radius:25rpx;font-size:24rpx}

.header {width: 100%;padding: 20rpx 3%;background: #fff;}
.header .price_share{width:100%;min-height:100rpx;display:flex;align-items:center;justify-content:space-between}
.header .price_share .price{display:flex;align-items:flex-end}
.header .price_share .price .f1{font-size:50rpx;color:#51B539;font-weight:bold}
.header .price_share .price .f2{font-size:26rpx;color:#C2C2C2;text-decoration:line-through;margin-left:30rpx;padding-bottom:5px}
.header .price_share .share{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width: 60rpx;}
.header .price_share .share .img{width:32rpx;height:32rpx;margin-bottom:2px}
.header .price_share .share .txt{color:#333333;font-size:20rpx}
.header .title {color:#000000;font-size:32rpx;line-height:42rpx;font-weight:bold;}
.header .price_share .title { display:flex;align-items:flex-end;}
.header .sellpoint{font-size:28rpx;color: #666;padding-top:20rpx;}
.header .sales_stock{display:flex;justify-content:space-between;height:60rpx;line-height:60rpx;margin-top:30rpx;font-size:24rpx;color:#777777}
.header .commission{display:inline-block;margin-top:20rpx;margin-bottom:10rpx;border-radius:10rpx;font-size:20rpx;height:44rpx;line-height:44rpx;padding:0 20rpx}
.header .upsavemoney{display:flex;align-items:center;margin-top:20rpx;margin-bottom:10rpx;border-radius:10rpx;font-size:28rpx;height:70rpx;padding:0 20rpx}
/* 定制的价格字体和颜色 */
.header .custom_price .price{font-size: 32rpx;}
.header .custom_price .market_price{font-size:26rpx;color:#C2C2C2;text-decoration:line-through;margin-left:20rpx;}
.header .custom_price .custom_price_tag{font-size: 20rpx;}

.choose{ display:flex;align-items:center;width: 100%; background: #fff;  margin-top: 20rpx; height: 88rpx; line-height: 88rpx;padding: 0 3%; color: #333; }
.choose .f0{color:#555;font-weight:bold;height:32rpx;font-size:24rpx;padding-right:30rpx;display:flex;justify-content:center;align-items:center}
.choose .f2{ width: 32rpx; height: 32rpx;}

.cuxiaodiv{background:#fff;margin-top:20rpx;padding:0 3%;}

.fuwupoint{width:100%;font-size:24rpx;color:#333;height:88rpx;line-height:88rpx;padding:12rpx 0;display:flex;align-items:center}
.fuwupoint .f0{color:#555;font-weight:bold;height:32rpx;font-size:24rpx;padding-right:30rpx;display:flex;justify-content:center;align-items:center}
.fuwupoint .f1{margin-right:20rpx;flex:1;display:flex;flex-wrap:nowrap;overflow:hidden}
.fuwupoint .f1 .t{ padding:4rpx 20rpx 4rpx 0;color:#777;flex-shrink:0}
.fuwupoint .f1 .t:before{content: "";display: inline-block;vertical-align: middle;	margin-top: -4rpx;margin-right: 10rpx;	width: 24rpx;	height: 24rpx;	background: url('') no-repeat;background-size: 24rpx auto;}
.fuwupoint .f2{flex-shrink:0;display:flex;align-items:center;width:32rpx;height: 32rpx;}
.fuwupoint .f2 .img{width:32rpx;height:32rpx;}
.fuwudialog-content{font-size:24rpx}
.fuwudialog-content .f1{color:#333;height:80rpx;line-height:80rpx;font-weight:bold}
.fuwudialog-content .f1:before{content: "";display: inline-block;vertical-align: middle;	margin-top: -4rpx;margin-right: 10rpx;	width: 24rpx;	height: 24rpx;	background: url('') no-repeat;background-size: 24rpx auto;}
.fuwudialog-content .f2{color:#777}

.cuxiaopoint{width:100%;font-size:24rpx;color:#333;height:88rpx;line-height:88rpx;padding:12rpx 0;display:flex;align-items:center}
.cuxiaopoint .f0{color:#555;font-weight:bold;height:32rpx;font-size:24rpx;padding-right:20rpx;display:flex;justify-content:center;align-items:center}
.cuxiaopoint .f1{margin-right:20rpx;flex:1;display:flex;flex-wrap:nowrap;overflow:hidden}
.cuxiaopoint .f1 .t{margin-left:10rpx;border-radius:3px;font-size:24rpx;height:40rpx;line-height:40rpx;padding-right:10rpx;flex-shrink:0;overflow:hidden}
.cuxiaopoint .f1 .t0{display:inline-block;padding:0 5px;}
.cuxiaopoint .f1 .t1{padding:0 4px}
.cuxiaopoint .f2{flex-shrink:0;display:flex;align-items:center;width:32rpx;height: 32rpx;}
.cuxiaopoint .f2 .img{width:32rpx;height:32rpx;}
.cuxiaodiv .cuxiaoitem{border-bottom:1px solid #E6E6E6;}
.cuxiaodiv .cuxiaoitem:last-child{border-bottom:0}

.popup__container{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height:auto;z-index:10;background:#fff}
.popup__overlay{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 11;opacity:0.3;background:#000}
.popup__modal{width: 100%;position: absolute;bottom: 0;color: #3d4145;overflow-x: hidden;overflow-y: hidden;opacity:1;padding-bottom:20rpx;background: #fff;border-radius:20rpx 20rpx 0 0;z-index:12;min-height:600rpx;max-height:1000rpx;}
.popup__title{text-align: center;padding:30rpx;position: relative;position:relative}
.popup__title-text{font-size:32rpx}
.popup__close{position:absolute;top:34rpx;right:34rpx}
.popup__content{width:100%;max-height:880rpx;overflow-y:scroll;padding:20rpx 0;}
.service-item{display: flex;padding:0 40rpx 20rpx 40rpx;}
.service-item .prefix{padding-top: 2px;}
.service-item .suffix{padding-left: 10rpx;}
.service-item .suffix .type-name{font-size:28rpx; color: #49aa34;margin-bottom: 10rpx;}


.shop{display:flex;align-items:center;width: 100%; background: #fff;  margin-top: 20rpx; padding: 20rpx 3%;position: relative; min-height: 100rpx;}
.shop .p1{width:90rpx;height:90rpx;border-radius:6rpx;flex-shrink:0}
.shop .p2{padding-left:10rpx}
.shop .p2 .t1{width: 100%;height:40rpx;line-height:40rpx;overflow: hidden;color: #111;font-weight:bold;font-size:30rpx;}
.shop .p2 .t2{width: 100%;height:30rpx;line-height:30rpx;overflow: hidden;color: #999;font-size:24rpx;margin-top:8rpx}
.shop .p4{height:64rpx;line-height:64rpx;color:#FFFFFF;border-radius:32rpx;margin-left:20rpx;flex-shrink:0;padding:0 30rpx;font-size:24rpx;font-weight:bold}

.detail{min-height:200rpx;}

.detail_title{width:100%;display:flex;align-items:center;justify-content:center;margin-top:60rpx;margin-bottom:30rpx}
.detail_title .t0{font-size:28rpx;font-weight:bold;color:#222222;margin:0 20rpx}
.detail_title .t1{width:12rpx;height:12rpx;background:rgba(253, 74, 70, 0.2);transform:rotate(45deg);margin:0 4rpx;margin-top:6rpx}
.detail_title .t2{width:18rpx;height:18rpx;background:rgba(253, 74, 70, 0.4);transform:rotate(45deg);margin:0 4rpx}

.commentbox{width:100%;background:#fff;padding:0 3%;margin-top:20rpx}
.commentbox .title{height:90rpx;line-height:90rpx;border-bottom:1px solid #DDDDDD;display:flex}
.commentbox .title .f1{flex:1;color:#111111;font-weight:bold;font-size:30rpx;display: flex;align-items: center;}
.commentbox .title .f2{color:#333;font-weight:bold;font-size:28rpx;display:flex;align-items:center}
.commentbox .nocomment{height:100rpx;line-height:100rpx}

.comment{display:flex;flex-direction:column;min-height:200rpx;}
.comment .item{background-color:#fff;padding:10rpx 20rpx;display:flex;flex-direction:column;}
.comment .item .f1{display:flex;width:100%;align-items:center;padding:10rpx 0;}
.comment .item .f1 .t1{width:70rpx;height:70rpx;border-radius:50%;}
.comment .item .f1 .t2{padding-left:10rpx;color:#333;font-weight:bold;font-size:30rpx;}
.comment .item .f1 .t3{text-align:right;}
.comment .item .f1 .t3 .img{width:24rpx;height:24rpx;margin-left:10rpx}
.comment .item .score{ font-size: 24rpx;color:#f99716;}
.comment .item .score image{ width: 140rpx; height: 50rpx; vertical-align: middle;  margin-bottom:6rpx; margin-right: 6rpx;}
.comment .item .f2{display:flex;flex-direction:column;width:100%;padding:10rpx 0;}
.comment .item .f2 .t1{color:#333;font-size:28rpx;}
.comment .item .f2 .t2{display:flex;width:100%}
.comment .item .f2 .t2 image{width:100rpx;height:100rpx;margin:10rpx;}
.comment .item .f2 .t3{color:#aaa;font-size:24rpx;}
.comment .item .f3{margin:20rpx auto;padding:0 30rpx;height:60rpx;line-height:60rpx;border:1px solid #E6E6E6;border-radius:30rpx;color:#111111;font-weight:bold;font-size:26rpx}

.addcommentimg{height:36rpx;width: 36rpx;margin-left: 10rpx;}

.bottombar{ width: 94%; position: fixed;bottom: 0px; left: 0px; background: #fff;display:flex;height:100rpx;padding:0 4% 0 2%;align-items:center;box-sizing:content-box}
.bottombar .f1{display:flex;align-items:center;margin-right:15rpx;}
.bottombar .f1 .item{display:flex;flex-direction:column;align-items:center;width:82rpx;position:relative;}
.bottombar .f1 .item .img{ width:44rpx;height:44rpx}
.bottombar .f1 .item .t1{font-size:18rpx;color:#222222;height:30rpx;line-height:30rpx;margin-top:6rpx}
.bottombar .op{border-radius:36rpx;overflow:hidden;display:flex;flex: 1;}
.bottombar .tocart{flex:1;height:72rpx; line-height: 72rpx;color: #fff; border-radius: 0px; border: none;font-size:28rpx;font-weight:bold}
.bottombar .tobuy{flex:1;height: 72rpx; line-height: 72rpx;color: #fff; border-radius: 0px; border: none;font-size:28rpx;font-weight:bold}
.bottombar .cartnum{position:absolute;right:4rpx;top:-4rpx;color:#fff;border-radius:50%;width:32rpx;height:32rpx;line-height:32rpx;text-align:center;font-size:22rpx;}

.bottombar .op2{width:60%;overflow:hidden;display:flex;}
.bottombar .tocart2{ flex:1;height: 80rpx;border-radius:10rpx;color: #fff; background: #fa938a; font-size: 28rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:10rpx;}
.bottombar .tobuy2{ flex:1; height: 80rpx;border-radius:10rpx;color: #fff; background: #df2e24; font-size:28rpx;display:flex;flex-direction:column;align-items:center;justify-content:center}

.paramitem{display:flex;border-bottom:1px solid #f5f5f5;padding:20rpx}
.paramitem .f1{width:30%;color:#666}
.paramitem .f2{color:#333}
.paramitem:last-child{border-bottom:0}

.xihuan{height: auto;overflow: hidden;display:flex;align-items:center;width:100%;padding:20rpx 160rpx;margin-top:20rpx}
.xihuan-line{height: auto; padding: 0; overflow: hidden;flex:1;height:0;border-top:1px solid #eee}
.xihuan-text{padding:0 32rpx;text-align:center;display:flex;align-items:center;justify-content:center}
.xihuan-text .txt{color:#111;font-size:30rpx}
.xihuan-text .img{text-align:center;width:36rpx;height:36rpx;margin-right:12rpx}
.prolist{width: 100%;height:auto;padding: 8rpx 20rpx;}

.toptabbar_tab{display:flex;width:100%;height:90rpx;background: #fff;top:var(--window-top);z-index:11;position:fixed;border-bottom:1px solid #f3f3f3}
.toptabbar_tab .item{flex:1;font-size:28rpx; text-align:center; color:#666; height: 90rpx; line-height: 90rpx;overflow: hidden;position:relative}
.toptabbar_tab .item .after{display:none;position:absolute;left:50%;margin-left:-16rpx;bottom:10rpx;height:3px;border-radius:1.5px;width:32rpx}
.toptabbar_tab .on{color: #323233;}
.toptabbar_tab .on .after{display:block}

.scrolltop{position:fixed;bottom:160rpx;right:20rpx;width:60rpx;height:60rpx;background:rgba(0,0,0,0.4);color:#fff;border-radius:50%;padding:12rpx 10rpx 8rpx 10rpx;z-index:9;}
.scrolltop .image{width:100%;height:100%;}

.ggdiaplog_close{width:50rpx;height:50rpx;position:absolute;bottom:-100rpx;left:50%;margin-left:-25rpx;border:1px solid rgba(255,255,255,0.5);border-radius:50%;padding:8rpx}

.schemeDialog {background:rgba(0,0,0,0.4);z-index:12;}
.schemeDialog .main{ position: absolute;top:30%}
.schemecon{padding: 40rpx 30rpx; }
.copybtn{ text-align: center; margin-top: 30rpx; padding:15rpx 20rpx; border-radius: 50rpx; color:#fff}

.member{position: relative;border-radius: 8rpx;border: 1rpx solid #fd4a46;overflow: hidden;box-sizing: content-box;}
.member_lable{height: 100%;font-size: 22rpx;color: #fff;background: #fd4a46;padding: 0 15rpx;}
.member_value{padding: 0 15rpx;font-size: 30rpx;font-weight: bold;color: #fd4a46;}
.flex-s{display: flex;justify-content: flex-start;align-items: center;}
.moneyprice{font-size: 26rpx;font-weight: 400;padding: 4rpx 10rpx;min-width: 90rpx;text-align: center;margin-left: 10rpx;border-radius: 20rpx;}

/*附近门店S*/
.nearby-mendian-box{margin:20rpx 0; background: #FFFFFF;width: 100%;padding: 20rpx;}
.nearby-mendian-title{display: flex;justify-content: space-between;align-items: center;}
.nearby-mendian-title .t1{font-size: 30rpx;font-weight: bold;}
.nearby-mendian-title .t2{color: #999;font-size: 26rpx;}
.nearby-mendian-title .t2 image{height: 26rpx;width: 26rpx;vertical-align: middle;}
.nearby-mendian-info{display: flex;align-items: center;width: 100%;margin-top: 20rpx;}
.mendian-info .b1{background-color: #fbfbfb;}
.nearby-mendian-info .b1 image{height: 90rpx;width:90rpx;border-radius: 6rpx;border: 1px solid #e8e8e8;}
.nearby-mendian-info .b2{flex:1;line-height: 38rpx;margin-left: 10rpx;max-width: 70%;overflow: hidden;}
.nearby-mendian-info .b2 .t1{padding-bottom: 10rpx;}
.nearby-mendian-info .b2 .t2{font-size: 24rpx;color: #999;}
.nearby-mendian-info .b3{display: flex;justify-content: flex-end;flex-shrink: 0;padding-left: 10rpx;width: 130rpx;}
.nearby-mendian-info .b3 image{width: 40rpx;height: 40rpx;margin-right: 16rpx;}
.nearby-mendian-info .nearby-tag{padding:0 10rpx;margin-right: 10rpx;display: inline-block;font-size: 22rpx;border-radius: 8rpx;flex-shrink: 0;}
.nearby-mendian-info .mendian-distance{flex-shrink: 0;margin-right: 10rpx;}
.nearby-mendian-info .mendian-address{white-space: nowrap;text-overflow: ellipsis;max-width: 80%;}
.pd10{padding-left: 10rpx;}
/*附近门店E*/
</style>